<template>
    <div>
      <el-row class="app-toptool" type="flex">
        <el-col :span="18">
          <Search
            size="mini"
            :search-visible="searchVisible"
            :search-data.sync="searchData"
            :search-form="searchForm"
            @refesh_list="searchgo"
          />
        </el-col>
        <el-col :span="6">
          <div class="btn-group" style="margin-bottom:11px;float: right;">
            <div>
              <el-button
                v-if="checkPermission('/enter/delete')"
                type="primary"
                :disabled="multiple"
                size="mini"
                icon="el-icon-delete"
                @click="del(ids)"
              >删除
              </el-button>
            </div>
          </div>
        </el-col>
      </el-row>
      <div>
        <el-table
          ref="multipleTable"
          v-loading="loading"
          :row-class-name="rowClass"
          row-key="id"
          :header-cell-style="{ background: '#eef1f6', color: '#606266' }"
          :border="false"
          :stripe="true"
          class="eltable"
          :data="list"
          style="width: 100%"
          @selection-change="selection" >

          <el-table-column align="center" type="selection" width="42" />
          <el-table-column align="center" type="" property="id" label="编号" show-overflow-tooltip width="70" />

          <el-table-column align="left" property="title" label="企业名称" show-overflow-tooltip width="150" />
          <el-table-column align="left" property="contacts" label="联系人" show-overflow-tooltip width="380" />
          <el-table-column align="left" property="mobile" label="联系电话" show-overflow-tooltip width="" />
          <el-table-column align="left" property="state" label="审核状态" show-overflow-tooltip width="" />
          <el-table-column
            :fixed="$store.getters.device !== 'mobile'?'right':false"
            label="操作"
            align="center"
            width="100"  >
            <template slot-scope="scope">
              <div v-if="scope.row.id">
                <el-button 
                 v-if="checkPermission('/enter/author')"
                  size="mini" 
                  type="primary" @click="update(scope.row)"><i
                  class="el-icon-edit" />修改
                </el-button>
              </div>
            </template>
          </el-table-column>
        
         
          
        </el-table>
        <Pagination
          :total="page_data.total"
          :page.sync="page_data.page"
          :limit.sync="page_data.limit"
          @pagination="index"
        />
      </div>
      <!--添加/修改-->
      <Update :info="updateInfo" :opentype="opentype" :show.sync="dialog.updateDialogStatus" size="mini" @refesh_list="index" />
    </div>
  </template>
  <script>
  import Search from '@/components/common/Search'
  import Pagination from '@/components/Pagination'
  import Update from '@/views/qiye_goods/enter_author.vue'
  import {
    confirm,
    param2Obj
  } from '@/utils/common'
  export default {
    name: 'Goods',
    components: {
      Search,
      Pagination,
      Update
    },
    data() {
      return {
        dialog: {
          updateDialogStatus: false
        },
        ids: [],
        single: true,
        multiple: true,
        list: [],
        opentype: 'add',
        updateInfo: {},
        loading: false,
        ws: {},
        filename: '',
        page_data: {
          limit: 20,
          page: 1,
          total: 20
        },
        searchVisible: true,
        searchForm: [],
        searchData: {}
      }
    },
    mounted() {
      this.index()
    },
    methods: {
      searchgo() {
        this.page_data.page = 1
        this.index()
      },
      index() {
        const param = {
          path: this.$route.path,
          state: 0,
          limit: this.page_data.limit,
          page: this.page_data.page
        }
        Object.assign(param, this.searchData)
        Object.assign(param, param2Obj(this.$route.fullPath))
        this.loading = true
  
        this.$api.post('/enter/index', param).then(res => {
          this.list = res.data.item
          this.page_data.total = res.data.count
          this.loading = false

          if (this.page_data.page == 1) {
            this.searchForm = [
              {
                type: 'Input',
                label: '关键词',
                prop: 'keyword',
                width: '200px'
              }
            ]
          }
        })
      },
 
      update(row) {
        this.opentype = 'update'
        const id = row.id ? row.id : this.ids.join(',')
        this.$api.post('/enter/getInfo', {
          id: id
        }).then(res => {
          this.dialog.updateDialogStatus = true
          this.updateInfo = res.data
        })
      },
      del(row) {
        confirm({
          content: '确定要操作吗'
        }).then(() => {
          const ids = row.id ? row.id : this.ids.join(',')
  
          this.$api.post('/enter/delete', {
            id: ids
          }).then(res => {
            this.$message({
              message: res.msg,
              type: 'success'
            })
            this.index()
          })
        }).catch(() => {})
      },
      selection(selection) {
        this.ids = selection.map(item => item.id)
        this.single = selection.length != 1
        this.multiple = !selection.length
      },
      rowClass({
        row,
        rowIndex
      }) {
        for (let i = 0; i < this.ids.length; i++) {
          if (row.id === this.ids[i]) {
            return 'rowLight'
          }
        }
      }
    }
  }
  </script>
  
  <style scoped>
    .table_list_pic {
      width: 80px;
      height: 80px;
      vertical-align: middle;
    }
  </style>
  